<template>
  <div>
    <div :class="myStyle">
      this is content！
    </div>
  </div>
</template>

<script>
  export default {
    name: "ClassStyle",
    data(){
      return {
        myStyle:{
          active:true
        }
      }
    }
  }
</script>

<style scoped>
  .active{
    color: red;
  }
</style>
